;
! function () {
    'use strict';
    var details = $('.detail>div')
    var imgs = $('.detail .imgs img')

    $('.nav').on('click', 'span', function () {
        $(this).addClass('active').siblings().removeClass('active')
        details.eq($(this).index()).show().siblings().hide();
    })

    $('.detail').on('click', 'img', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $("html,body").css({
            overflow: "hidden",
        });
    })
    $('.detail').on('click', 'img.active', function () {
        $(this).removeClass('active')
        $("html,body").css({
            overflow: "auto",
        });
    })
}();